<template>
<div id="app">
<!--
    <p>==> Icon</p>
    <DemoIcon></DemoIcon>

    <p>==>Button</p>
    <DemoButton></DemoButton>

    <p>==>Input</p>
    <DemoInput></DemoInput>
    <p>===>Form</p>
    <DemoForm></DemoForm>

    <p>==>Radio</p>
    <DemoRadio></DemoRadio>

    <p>===>DemoCheckbox</p>
    <DemoCheckbox></DemoCheckbox>

  <p>===>Form验证</p>
  <DemoForm2></DemoForm2>

  <p>===>Tabs</p>
  <DemoTabs></DemoTabs>

  <p>===>Tree</p>
  <DemoTree></DemoTree>

  <br><br><br>
  <p>===>Lazy-Tree</p>
  <DemoLazyTree></DemoLazyTree>

  <br><br><br>
  <p>==>Disabled-Tree</p>
  <DemoDisabledTree></DemoDisabledTree>

  <br><br><br>
  <p>==>Slot-Tree</p>
  <DemoNodeSlotTree>
    <template ></template>
  </DemoNodeSlotTree>

  <br><br><br>
  <p>==>Checkbox-Tree</p>
  <DemoCheckboxTree></DemoCheckboxTree>

  <br><br><br>
  <p>==>Checkbox-Strictly-Tree</p>
  <DemoCheckboxStrictlyTree></DemoCheckboxStrictlyTree>

  <p>==>SplitPane</p>
  <DemoSplitPane></DemoSplitPane>

  <p>==>CountTo</p>
  <DemoCountTo></DemoCountTo>
-->
  <p>==>Message</p>
  <DemoMessage></DemoMessage>

</div>
</template>

<script>
import { defineComponent } from 'vue'
import DemoIcon from './demo/icon/icon.vue'
import DemoButton from './demo/button/button.vue'
import DemoInput from './demo/input/input.vue'
import DemoForm from './demo/form/form.vue'
import DemoForm2 from './demo/form/form2.vue'
import DemoRadio from './demo/radio/radio.vue'
import DemoCheckbox from './demo/checkbox/checkbox.vue'
import DemoTabs from './demo/tabs/tabs.vue'
import DemoTree from './demo/tree/tree.vue'
import DemoLazyTree from './demo/tree/lazy-tree.vue'
import DemoDisabledTree from './demo/tree/tree-disabled.vue'
import DemoNodeSlotTree from './demo/tree/tree-slot.vue'
import DemoCheckboxTree from './demo/tree/tree-checkbox.vue'
import DemoCheckboxStrictlyTree from './demo/tree/tree-checkbox-strictly.vue'
import DemoSplitPane from './demo/split-pane/split-pane.vue'
import DemoCountTo from './demo/count-to/count-to.vue'
import DemoMessage from './demo/message/message.vue'

export default defineComponent({
  name: 'App',
  components: {
    DemoIcon,
    DemoButton,
    DemoInput,
    DemoForm,
    DemoForm2,
    DemoRadio,
    DemoCheckbox,
    DemoTabs,
    DemoTree,
    DemoLazyTree,
    DemoDisabledTree,
    DemoNodeSlotTree,
    DemoCheckboxTree,
    DemoCheckboxStrictlyTree,
    DemoSplitPane,
    DemoCountTo,
    DemoMessage
  }
})
</script>

<style lang="scss">
#app {
  padding: 20px;
}
</style>
